<!--&lt;!&ndash;-->
  <!--Generated template for the ListvidoPage page.-->

  <!--See http://ionicframework.com/docs/components/#navigation for more info on-->
  <!--Ionic pages and navigation.-->
<!--&ndash;&gt;-->

<ion-content >
  <div class="top fontHt">
    <span class="fl">{{video.name}}</span>
    <span class="fr"(click)="watchPcenter()">{{this.guanZhu}}&nbsp;&nbsp;</span>&nbsp;

  </div>
<!--<h2 class="headline fontHt">{{video.name}}dsfas哈哈哈</h2>-->
  <!--<div class="videogular-container"  (click)="applePlay()">-->
  <div class="videogular-container">
  <!--<video id="videoID"-->
           <!--fullscreen="fullscreen"-->
           <!--autoplay = "true"-->
           <!--preload="auto"-->
           <!--poster="{{video.img}}"-->
           <!--playsinline="true"-->
           <!--webkit-playsinline="true"-->
         <!---->
           <!--controls>-->
      <!--&lt;!&ndash;<source src="http://pic.ibaotu.com/00/39/94/827888piC8RF.mp4" type="video/mp4">&ndash;&gt;-->
      <!--<source src="{{video.url}}" type="video/mp4">-->
      <!--&lt;!&ndash;<source src="{{this.videoUrl}}" type="video/mp4">&ndash;&gt;-->
    <!--</video>-->
    <video  id="listvido"
            poster="./assets/imgs/video.jpg"
            antoplay="true"
            preload="auto"
            x-webkit-airplay="allow"
            x5-video-player-type="h5"
            webkit-playsinline="true"
            playsinline="true"
            style="object-fit:fill;padding: 0rem 0rem 0rem 0rem;"
            controls (click)="applePlay()">

      <!--<source src="http://pic.ibaotu.com/00/39/94/827888piC8RF.mp4" type="video/mp4">-->
      <source src="{{video.url}}" type="video/mp4">


    </video>
    <!--<vg-player style="width:100%;height:15.8rem;margin:0rem 0rem 0rem 0rem;pading:0rem 0rem 0rem 0rem">-->
      <!--&lt;!&ndash;<vg-overlay-play></vg-overlay-play>&ndash;&gt;-->
      <!--&lt;!&ndash;<vg-buffering></vg-buffering>&ndash;&gt;-->
      <!--&lt;!&ndash;<vg-scrub-bar>&ndash;&gt;-->
      <!--&lt;!&ndash;<vg-scrub-bar-current-time></vg-scrub-bar-current-time>&ndash;&gt;-->
      <!--&lt;!&ndash;<vg-scrub-bar-buffering-time></vg-scrub-bar-buffering-time>&ndash;&gt;-->
      <!--&lt;!&ndash;</vg-scrub-bar>&ndash;&gt;-->
      <!--&lt;!&ndash;<vg-controls>&ndash;&gt;-->
      <!--&lt;!&ndash;<vg-play-pause></vg-play-pause>&ndash;&gt;-->
      <!--&lt;!&ndash;<vg-playback-button></vg-playback-button>&ndash;&gt;-->

      <!--&lt;!&ndash;&lt;!&ndash;&lt;!&ndash;<vg-time-display vgProperty="current" vgFormat="mm:ss"></vg-time-display>&ndash;&gt;&ndash;&gt;&ndash;&gt;-->
      <!--&lt;!&ndash;&lt;!&ndash;&lt;!&ndash;<vg-time-display vgProperty="left" vgFormat="mm:ss"></vg-time-display>&ndash;&gt;&ndash;&gt;&ndash;&gt;-->
      <!--&lt;!&ndash;&lt;!&ndash;&lt;!&ndash;<vg-time-display vgProperty="total" vgFormat="mm:ss"></vg-time-display>&ndash;&gt;&ndash;&gt;&ndash;&gt;-->
      <!--&lt;!&ndash;&lt;!&ndash;<vg-mute></vg-mute>&ndash;&gt;&ndash;&gt;-->

      <!--&lt;!&ndash;<vg-volume></vg-volume>&ndash;&gt;-->
      <!--&lt;!&ndash;<vg-fullscreen></vg-fullscreen>&ndash;&gt;-->
      <!--&lt;!&ndash;</vg-controls>&ndash;&gt;-->
      <!--<video #myMedia [vgMedia]="myMedia"-->
             <!--height="210" preload="auto"-->
             <!--poster="{{video.img}}"-->
             <!--crossorigin-->
             <!--playsinline-->
             <!--webkit-playsinline-->
             <!--style="object-fit:fill;padding: 0rem 0rem 0rem 0rem;" controls>-->
        <!--<source src="{{video.url}}" type="video/mp4">-->
      <!--</video>-->
    <!--</vg-player>-->

  </div>

  <ion-card style="border-radius:0.5rem">
    <div style="height:2rem;padding: 0 1rem;">
      <div style="float: left;width: 10rem;padding: 1.2rem 2rem 1.2rem 0rem;;">
      <p style="font-size: 1rem; margin-left: 0.2rem">已有{{this.video.watch_number}}人观看</p>
      </div>
      <div style="float: right;width: 4.5rem;padding-left: 1rem;">
        <p style=";font-size: 1.2rem;text-align:center;color:#ffc628">{{this.average_score}}</p>
        <p style="font-size: 0.8rem;">
          视频评分
        </p>
      </div>

    </div>
  </ion-card>



  <div class="neirong">
    <h3 class="biaoti">{{video.name}}</h3>
    <p class="fenlei"><span>动画</span>&nbsp;/&nbsp;<span>{{this.duration1}}</span></p>
    <p class="ddd">
      {{video.depict}}
    </p>
  </div>

<div class="abcd">
  <span><img class="abc" src="./assets/imgs/twocode.jpg"></span>
</div>


  </ion-content >
